<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SWIM</title>
<link href='http://fonts.googleapis.com/css?family=Arvo'
	rel='stylesheet' type='text/css' />
<link href="css/style.css" rel="stylesheet" type="text/css"
	media="screen" />
</head>
<body>
	<div id="menu-wrapper">
		<div id="menu">
			<ul>
				<li><a href="index.jsp">Homepage</a></li>
				<li><a href="login.jsp">Login</a></li>
				<li class="current_page_item"><a href="registration.jsp">Register</a></li>
			</ul>
		</div>
		<!-- end #menu -->
	</div>

	<div id="wrapper">
		<div id="header-wrapper">
			<div id="header">
				<div id="logo">
					<h1>
						<a href="#">SWIM</a>
					</h1>
					<p>"A social network for friends needing or offering help"</p>
				</div>
			</div>
		</div>
		<!-- end #header -->
		<div id="page">
			<div id="page-bgtop">
				<div id="page-bgbtm">
					<div id="content">
						<div class="post">
							<h2 class="title">Registration</h2>

							<div class="entry">

								<%@page import="java.util.List"%>
								<%@page import="com.swim.entity.Skill"%>
								<br/>
								<div>
									<form action="registration.jsp" method="post">
										<table border="0" cellpadding="1" cellspacing="2" width="100%">

											<tbody>

												<tr>
													<td align="left" width="0%">Email:</td>
													<td align="left" width="100%">
													<input id="email" name="email" type="text" value="" maxlength="255"/></td>
												</tr>

												<tr>
													<td align="left" width="0%">Password:</td>
													<td align="left" width="100%">
														<input id="password" name="password" type="password" value="" maxlength="255"/></td>
												</tr>

												<tr>
													<td align="left" width="0%">Name:</td>
													<td align="left" width="100%">
														<input id="name" name="name" type="text" value="" maxlength="255"/></td>
												</tr>

												<tr>
													<td align="left" width="0%">Surname:</td>
													<td align="left" width="100%">
														<input id="surname" name="surname" type="text" value="" maxlength="255"/></td>
												</tr>

												<tr>
													<td align="left" width="0%">City:</td>
													<td align="left" width="100%">
														<input id="city" name="city" type="text" value="" maxlength="255"/></td>
												</tr>
											</tbody>

										</table>
								<br/>
								<br/>
								<br/>
										<table>
											<tbody>

												<tr>
													<%
														List<Skill> list = (List<Skill>) request.getAttribute("skills");
														for (int i = 0; i < list.size(); i++) {
															if (i % 3 == 0 && i != 0)
																out.println("</tr><tr>");
															Skill s = list.get(i);
													%><td align="left" width="33%" style="margin-right: 10px"><input
														type="checkbox" name="checkboxes" value="<%=s.getId()%>"
														id="skill<%=i%>"><%=s.getName()%></td>
													<%
														}
													%>
												</tr>
												<tr>
												<td>
													<br/>
													<br/>
													<br/></td>
												</tr>
												<tr align="right" >
													<td align="right"></td>
													<td align="center">
														<input type="submit" value="Register"/></td>
												</tr>

											</tbody>
										</table>
										</div>
									</form>
							</div>
						</div>
						<div style="clear: both;">&nbsp;</div>
					</div>
					<!-- end #content -->
					<div id="sidebar">
						<ul>
							<li>
							</li>

						</ul>
					</div>
					<!-- end #sidebar -->
					<div style="clear: both;">&nbsp;</div>
				</div>
			</div>
		</div>
		<!-- end #page -->
	</div>
	<div id="footer">
		<p></p>
	</div>
	<!-- end #footer -->
</body>
</html>